<link rel="stylesheet" type="text/css" media="screen"  href="${plugin}/ace/assets/css/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" media="screen"  href="${plugin}/ace/assets/css/dropzone.min.css" />
<style>
    html, body {
      height: 100%;
    }
    #actions {
      margin: 2em 0;
    }
    /* Mimic table appearance */
    div.table {
      display: table;
    }
    div.table .file-row {
      display: table-row;
    }
    div.table .file-row > div {
      display: table-cell;
      vertical-align: top;
      border-top: 1px solid #ddd;
      padding: 8px;
      text-align: center;
    }
    div.table .file-row:nth-child(odd) {
      background: #f9f9f9;
    }

    /* The total progress gets shown by event listeners */
    #total-progress {
      opacity: 0;
      transition: opacity 0.3s linear;
    }

    /* Hide the progress bar when finished */
    #previews .file-row.dz-success .progress {
      opacity: 0;
      transition: opacity 0.3s linear;
    }

    /* Hide the delete button initially */
    #previews .file-row .delete {
      display: none;
    }

    /* Hide the start and cancel buttons and show the delete button */

    #previews .file-row.dz-success .start,
    #previews .file-row.dz-success .cancel {
      display: none;
    }
    #previews .file-row.dz-success .delete {
      display: block;
    }
  </style>
</style>
<script src="${plugin}/ace/assets/js/jquery-ui.min.js"></script>
<script src="${plugin}/ace/assets/js/bootbox.js"></script>
<script src="${plugin}/upload/dropzone/dropzone.js"></script>
<script type="text/javascript">
var settings = {
		 modelDomainFlag:"sys"
		,modelFlag:"file"
		,modelName:"表结构"
		,key:"${sessionId}"
		,addDivId:'add-dialog'
		,canDelete:true
		,canRemove:true
		,canAdd:true
		}
</script> 
<script type="text/javascript">
<!--
$script(window.global.ctx+'/static/js/sys/file/upload.js','table', function() {
},1);
//-->

</script>
<!-- 搜索框 开始 -->
<div class="row">
		<div class="widget-box">
			<div class="widget-header widget-header-blue widget-header-flat">
				<h4 class="widget-title lighter">上传文件<span>目录：${parents}</span></h4>
				<div class="widget-toolbar">
				</div>
			</div>
			<div class="widget-body">
				<div class="widget-main">
							<div class="row">
								<div class="col-xs-12">
									<!-- PAGE CONTENT BEGINS -->
									<div class="alert alert-info">
										<i class="ace-icon fa fa-hand-o-right"></i>
										 允许上传的单个最大文件为： <span id="maxFilesize"></span>，允许上传的最大文件数量为： <span id="maxFiles"></span>
									</div>
	
									<div class="row">
									       <div class="col-md-12"  style="margin-top: 5px;margin-bottom: 5px">
										  		 <form id="uploadFile" action="" class="form-horizontal editForm" role="form">
										  		  <div class="alert alert-danger hide alert-dismissable" role="alert">
													<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
														<i class="ace-icon fa fa-times"></i>
													</button>
													<strong>
													<i class="ace-icon fa fa-times"></i><span class="editForm-msg-head"></span></strong>
													<span class="editForm-msg"></span>
													<br />
												</div>
												<input type="hidden" id="saveDir" name="saveDir" value="${parents}">
												<input type="hidden" id="pId" name="pId" value="${pId}">
												<input type="hidden" name="isParent" value="0">
										  		 <div class="col-md-12">
											  		  
										  		 </div>
												  </form>
										  	 </div>
										  <div id="actions" class="row">
										      <div class="col-lg-7">
										        <!-- The fileinput-button span is used to style the file input field as button -->
										        <span class="btn btn-success fileinput-button">
										            <i class="glyphicon glyphicon-plus"></i>
										            <span>选择文件...</span>
										        </span>
										      <!--   <button type="submit" class="btn btn-primary start">
										            <i class="glyphicon glyphicon-upload"></i>
										            <span>Start upload</span>
										        </button>
										        <button type="reset" class="btn btn-warning cancel">
										            <i class="glyphicon glyphicon-ban-circle"></i>
										            <span>Cancel upload</span>
										        </button> -->
										      </div>
										
										      <div class="col-lg-5">
										        <!-- The global file processing state -->
										        <span class="fileupload-process">
										          <div id="total-progress" class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
										            <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div>
										          </div>
										        </span>
										      </div>
										
										    </div>
										    <div class="table table-striped files" id="previews">
										      <div id="template" class="file-row" style="display: none;">
										        <!-- This is used as the file preview template -->
										        <div>
										            <span class="preview"><img data-dz-thumbnail /></span>
										        </div>
										        <div>
										            <p class="name" data-dz-name></p>
										            <strong class="error text-danger" data-dz-errormessage></strong>
										        </div>
										        <div>
										            <p class="size" data-dz-size></p>
										            <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
										              <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div>
										            </div>
										        </div>
										        <div>
										          <button class="btn btn-primary start">
										              <i class="glyphicon glyphicon-upload"></i>
										              <span>开始上传</span>
										          </button>
										          <button data-dz-cancel class="btn btn-warning cancel">
										              <i class="glyphicon glyphicon-ban-circle"></i>
										              <span>取消</span>
										          </button>
										          <button data-dz-remove class="btn btn-danger delete">
										            <i class="glyphicon glyphicon-trash"></i>
										            <span>删除</span>
										          </button>
										        </div>
										      </div>
										
										    </div>
									</div><!-- PAGE CONTENT ENDS -->
								</div><!-- /.col -->
							</div><!-- /.row -->
				</div><!-- /.widget-main -->
			</div><!-- /.widget-body -->
		</div>
</div><!-- /.row -->
